* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

body {
  overflow: auto;
  background-image: url("../");
  height: 3211px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}

.Enter {

  z-index: 3;
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}
@keyframes BGp2Key
{
	0%   {/* left:5px; */ top:5px;}
	25%  {/* right:5px; */ top: 20px}
	50%  {/* left:5px; */ top:10px;}
	75%  {/* left:5px; */ top:5px;}
	100% {/* left:0px; */ top:0px;}
}

.p1-BGp2 {
  background-image: url("../center/images/p1/2p.png");
  z-index: 3;
  animation: BGp2Key 20s;
  animation-iteration-count:infinite;
  position: absolute;
  margin-top: 370px;
  height: 3000px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}
border{
  opacity:0.1;
}
@keyframes myfirst
{
	0%   {left:5px; top:5px;}
	25%  {right:5px; top: 20px}
	50%  {left:5px; top:10px;}
	75%  {left:5px; top:5px;}
	100% {left:0px; top:0px;}
}

.partRight {
  animation: myfirst 20s;
  animation-iteration-count:infinite;
  margin-top: 50px;
  z-index: 1;
  position: absolute;
  margin-left: 580px;
 
}

.partLeft {
  animation: myfirst 20s;
  animation-iteration-count:infinite;
  z-index: 4;
  position: absolute;
  margin-top: 95px;
  margin-left: 600px;
}

.p1-Slogo {
  margin-left: 437px;
  margin-top: 60px;
  z-index: 3;
  position: absolute;
  
  
}
.p1-Slogo:hover{
  z-index: 5;

}
.download {
  z-index: 3;
  position: absolute;
  margin-top: 551px;
  margin-left: 906px;
}

/* p2部分 */
.p2-tiltle {
  z-index: 4;
  position: absolute;
  margin-top: 1000px;
  margin-left: 600px;
}

.p2-01 {
  z-index: 4;
  position: absolute;
  margin-top: 1110px;
  margin-left: 600px;
}

.p2-01:hover{
  margin-top:1080px;
  margin-left: 580px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-02 {
  z-index: 4;
  position: absolute;
  margin-top: 1110px;
  margin-left: 820px;
}
.p2-02:hover{
  margin-top:1080px;
  margin-left:800px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-03 {
  z-index: 4;
  position: absolute;
  margin-top: 1110px;
  margin-left: 1040px;
}
.p2-03:hover{
  margin-top:1080px;
  margin-left:1020px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-04 {
  z-index: 4;
  position: absolute;
  margin-top: 1420px;
  margin-left: 380px;
}
.p2-04:hover{
  margin-top:1390px;
  margin-left:360px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-05 {
  z-index: 4;
  position: absolute;
  margin-top: 1420px;
  margin-left: 600px;
}
.p2-05:hover{
  margin-top:1390px;
  margin-left:580px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-06 {
  z-index: 4;
  position: absolute;
  margin-top: 1420px;
  margin-left: 820px;
}
.p2-06:hover{
  margin-top:1390px;
  margin-left:800px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-07 {
  z-index: 4;
  position: absolute;
  margin-top: 1420px;
  margin-left: 1040px;
}
.p2-07:hover{
  margin-top:1390px;
  margin-left:1020px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p2-08 {
  z-index: 4;
  position: absolute;
  margin-top: 1420px;
  margin-left: 1260px;
}
.p2-08:hover{
  margin-top:1390px;
  margin-left:1240px;
  border: 3px;
  border-style: solid;
  border-color: rgb(162, 216, 216);
}
.p3{
  /* background-color: black; */
  z-index: 4;
  position: absolute;
  height: 800px ;
  width: 100%;
  margin-top: 1760px;
}
/* P3部分 */
.p3-tiltle {
  z-index: 4;
  position: absolute;
  /* margin-top: 1380px; */
  margin-left: 600px;
}

/* .p3-01 {
  z-index: 4;
  position: absolute;
  margin-top: 1490px;
  margin-left: 400px;
}

.p3-02 {
  z-index: 4;
  position: absolute;
  margin-top: 1490px;
  margin-left: 760px;
}

.p3-03 {
  z-index: 4;
  position: absolute;
  margin-top: 1490px;
  margin-left: 1120px;
} */

/* p4部分 */
.p4{
  z-index: 4;
  position: absolute;
  height: 800px ;
  width: 100%;
  margin-top: 410px;
}
.p4-tiltle {
  z-index: 4;
  position: absolute;
  margin-top: 1760px;
  margin-left: 600px;
}

.p4-BG {
  z-index: 4;
  position: absolute;
  margin-top: 1980px;
  margin-left: 415px;
}

.p4-main {
  z-index: 5;
  position: absolute;
  margin-top: 1900px;
  margin-left: 415px;
}

/*   bird部分 */
.Sl-move {
  z-index: 8 !important;
}

.bird {
  overflow: hidden;
  position: absolute;
}

.bird01 {
  position: absolute;
  z-index: 5;
  margin-left: 1400px;
  margin-top: 180px;
  animation: birdMove 20s;
  animation-iteration-count:infinite;

}
@keyframes birdMove{
  0%   {right:10%; top:5px;opacity:0.4;}
  10%{right:15%; top:-10px;opacity:1;}
	25%  {right:20%; top: 20px;opacity:0.6;}
  35%{right:30%; top:5px;opacity:1;}
	50%  {right:40%; top:10px;}
  60%{right: 55%; top:5px;opacity:1;}
	75%  {right:70%; top:5px;opacity:0;}
  90%{right:80%; top:5px;opacity:0;}
	100% {right:90%; top:0px;opacity:0;}
}

.bird02 {
  z-index: 5;
  margin-left: 200px;
  margin-top: 280px;
}

.bird03 {
  z-index: 5;
  margin-left: 1390px;
  margin-top: 160px;
}

.bird04 {
  z-index: 5;
  margin-left: 130px;
  margin-top: 380px;
}

.bird05 {
  z-index: 5;
  margin-left: 1550px;
  margin-top: 300px;
}

.bird06 {
  z-index: 5;
  margin-left: 180px;
  margin-top: 50px;
}

.bird07 {
  z-index: 5;
  margin-left: 1550px;
  margin-top: 300px;
}

/* 弹窗部分 */
.windowPop-up{/* 背景幕布 */
  background-image: url("../center/images/windowPop-up/W-BG1.png");
  height: 3371px;
  width: 100vw;
  position:absolute;
  z-index: 8;
}
.W-bord {
  z-index: 9;
  margin-top: 220px;
  margin-left: 510px;
  position: fixed;
}

.W-txt {
  z-index: 10;
  margin-top: 241px;
  margin-left: 549px;
  position: fixed;
}

.W-buttonLeft {
  z-index: 10;
  margin-top: 422px;
  margin-left: 473px;
  position: fixed;
}

.W-buttonRight {
  z-index: 10;
  margin-top: 422px;
  margin-left: 1336px;
  position: fixed;
}

.W-buttonClose {
  z-index: 10;
  margin-top: 244px;
  margin-left: 1320px;
  position: fixed;
}

/* Swiper部分 */
.swiper-container {
  margin-top: 100px;
  margin-left:455px;
  height: 310px;
  width: 850px;
 
  
}
.swiper-wrapper{
 
 

}
.swiper-slide {

  height: 210px;
  width: 100%;
 

}
.swiper-pagination {
	width: 100%;
	bottom: 20px;
  
}
.swiper-button-prev {
 
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../center/images/p3/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.swiper-button-prev:hover {

	background-position: 0 -46px;
	background-size: 100%
}

.swiper-button-next {

	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../center/images/p3/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

.swiper-button-next:hover {

	background-position: 0 -139px;
	background-size: 100%
}